<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<section th:if="${#lists.isEmpty(dataList)}" class="no-data__wrap">
    <span class="no-data-ico"></span>
    <p class="mt20"><span class="c-666">抱歉，还没有，试试其它的试卷吧~~~</span></p>
</section>
<div class="row exam-pay-list" th:if="!${#lists.isEmpty(dataList)}">
    <section class="col-sm-6 mb10" th:each="examPaper : ${dataList}" th:attr="data-exam=${examPaper['id']}">
        <section class="mb10">
            <div class="pull-left mr10" style="margin-top: 13px;">
                <em class="ex-icon"></em>
            </div>
            <div style="padding-left: 30px;">
                <div class="pr">
                    <span class="c-info fs16" th:text="'【'+ ${examPaper['name']} +'】'"></span>
                    <span class="fs16 c-666">共</span>
                    <span class="c-info fs16" th:text="${examPaper['questionCount']}"></span>
                    <span class="fs16 c-666">道题。总分</span>
                    <span class="c-info fs16" th:text="${examPaper['score']}"></span>
                </div>
                <div class="mt5 ml5">
                    <span class="fs12 c-999"><i class="fa fa-user c-ccc"></i> 参考人数：<small class="fs12 c-primary" th:text="${examPaper['useCount']}"></small></span>
                    <span class="fs12 c-999 ml10"><i class="fa fa-crosshairs c-ccc"></i> 平均得分：<small class="fs12 c-primary" th:text="${examPaper['average']}"></small></span>
                    <span>
                        <span>
                            <span th:if="${examPaper['examBuyStatus']['priceBut']}" class="fs14 c-danger ml10">售 价：
                                <i class="fa fa-rmb c-danger" th:text="${examPaper['price']}"></i>
                            </span>
                            <span th:if="${examPaper['examBuyStatus']['memberPriceBut']}" class="fs12 c-danger ml10">会员价：
                                <i class="fa fa-rmb c-danger" th:text="${examPaper['memberPrice']}"></i>
                            </span>
                            <span th:if="${examPaper['examBuyStatus']['memberFreePriceBut']}" class="fs12 c-danger ml10">会员价：
                                <i class="fa fa-rmb c-danger">免费</i>
                            </span>
                        </span>
                        <span th:if="${examPaper['examBuyStatus']['freePriceBut']}"
                              class="fs14 c-primary ml10">免费</span>
                    </span>
                </div>
            </div>
        </section>
        <section class="col-sm-3 text-right">
               <span>
                   <span>
                       <a href="javascript:void(0)" th:if="!${examPaper['examBuyStatus']['buy']} and ${examPaper['examBuyStatus']['freeBuyBut']}" th:attrappend="data-id=${examPaper['id']},data-pay-type=${examPaper['examBuyStatus']['payType']}" class="c-warning ml10 free-exam-box">
                           <button type="button" class="btn btn-sm btn-success">免费报名</button>
                       </a>
                       <span th:if="${examPaper['examBuyStatus']['buy']}==false">
                           <a href="javascript:void(0)" th:if="${examPaper['examBuyStatus']['buyBut']}" th:attrappend="data-s-id=${examPaper['id']}" data-type="EXAM" data-num="1" class="c-warning ml10 buy-exam-box" >
                               <button type="button" class="btn btn-sm btn-danger">立即购买</button>
                           </a>
                       </span>
                   </span>
                   <a href="javascript:void(0)" th:attrappend="data-record=${examPaper['examBuyStatus']['recordId']}"
                      class="ml10 go-to-exam" th:if="${examPaper['examBuyStatus']['buy']}==true">
                       <button type="button" class="btn btn-sm btn-warning">参加考试</button>
                   </a>
               </span>
        </section>
    </section>
</div>
</html>